<template>
    <div id='' class='my_home'>
        <PropertyList :header="header" :list="list" :left="left" :center="center" />
    </div>
</template>
<script>
import PropertyList from '@/components/modules/PropertyList/index.vue'
export default {
    name: '',
    props: [''],
    data() {
        return {
            left: [],
            header: [],
            list: [],
            center: [
                { key: 'jzmj', label: '建筑面积' },
                { key: 'tnjzmj', label: '套内建筑面积' },
                { key: 'ghyt', label: '规划用途' },
                { key: 'fwxz', label: '房屋性质' },
                { key: 'fwjg', label: '房屋结构' },
                { key: 'fwtdyt', label: '房屋土地用途' },
                { key: 'ftjzmj', label: '分摊建筑面积' },
                { key: 'fttdmj', label: '分摊土地面积' },
                { key: 'qlr', label: '权利人' },

            ]
        };
    },
    provide: {
        labelState: [
            { key: 'cf', label: '已查封', name: '查', class: 'cha', },
            { key: 'dy', label: '已抵押', name: '抵', class: 'di', },
            { key: 'xz', label: '已限制', name: '限', class: 'xian', },
            { key: 'yy', label: '已异议', name: '异', class: 'yi', },
            { key: 'dy', label: '1', name: '待', class: 'dai', },
            { key: 'sz', label: '已锁', name: '锁', class: 'suo', },
            { key: 'sc', label: '已售', name: '售', class: 'show', },
        ]
    },
    components: {
        PropertyList
    },
    computed: {},
    beforeMount() { },
    created() {
        this.$http.$get('propertyList', { params: {} }).then(res => {
            if (res.code == 200) {
                this.header = res.data.dyList
                this.left = res.data.lchList
                this.list = res.data.list
                return
            }
            this.$Message.error(res.msg);
        })
    },
    mounted() { },
    methods: {},
    watch: {}
}
</script>
<style lang='less' scoped>
.my_home {
    height: 800px;
    width: 1800px;
    border: 1px solid #e8eaec;
}
</style>